<template>
  <n-notification-provider>
    <n-message-provider>
      <div class="background" v-if="isRouter">
        <router-view />
      </div>
    </n-message-provider>
  </n-notification-provider>
</template>
<script setup lang="ts">

import { NMessageProvider,NNotificationProvider } from 'naive-ui'
import { nextTick, provide, ref } from "vue";
const isRouter = ref(true);
const reload = () => {
  console.log('reload')
  isRouter.value = false;
  nextTick(() => {
    isRouter.value = true;
  });
};
provide("reload", reload);
</script>

<style scoped>
.background {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: #f7f8fa;
  /* background-color: black; */
}
</style>
